<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>18-JS获取本地JSON文件</title>
		<!-- 导入jQuery库 -->
		<script type="text/javascript" src="../../lib/jquery/jquery-1.11.3.min.js" ></script>
	</head>
	<body>
		<button id="getJSON">18_JSON_TEST.json</button>
		<script>
			$(function(){
				$("#getJSON").click(function(){
					console.log("getContentFromJSON() -> " + getContentFromJSON())
					
				})
			})
			/**
			 * 使用 $.ajax 的方式，并设置async: false表示是同步请求
			 * 否则的虽然能够拿到JSON数据，但是因为是异步的，所以返回值
			 * 并不是读取的JSON中的值
			 */
			function getContentFromJSON(){
				var result = ""
//				$.getJSON("./18_JSON_TEST.json",{time: new Date()},function(r){
////					console.log(r.path)
//					result = r.path
//				})
				$.ajax({
					url:"./18_JSON_TEST.json",
					dataType: "json",
					data: {time: new Date()},
					async: false,
					success: function(r) {
						result = r.path
					},
					error: function(err){
						console.log("获取JSON失败");
					}
				})
//				console.log(result)
				return result
			}
		</script>
	</body>
</html>
